<template>
    <div class="bi-textarea">
        <textarea 
        class="form-control" 
        v-model="value" 
        :placeholder="placeholder" 
        :disabled="disabled" 
        :readonly="readonly" 
        :required="required" 
        :name="name"
        :row = "row"
        :style="style"
        :id="id" >
    </textarea>
    <div class="number">1/100</div>
    </div>
</template>

<script>
import FieldMixin from '../fieldMixin.js';
export default{
    mixins:[FieldMixin],
    props:{
        row:{
            type:[String,Number],
            default:5
        },
        style:{
            type:[String,Object],
            default:''
        }
    }
}
</script>

<style>
.bi-textarea{
    position: relative;
}
.bi-textarea .number{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #999;
}
</style>